<!doctype html>
<html lang="zh-CN">

<head>
  <title>喜气洋洋小四班班级开发网站</title>
  <meta charset="utf-8">

  <link rel="shortcut icon" href="images/喜气洋洋小四班班徽.png">
  <link rel="stylesheet" href="./css/style.css">

</head>

<body>


  <div data-v-8e6b1646="" id="id3m">
    <img src="images/封面.png">
    <div class="panel">
      <img id="imb7j" src="images/喜气洋洋小四班班徽.png" />
      <div class="big-title">
        <span id="io4z">喜气洋洋小四班班级技术部</span>
      </div>
      <div class="description">班级官方网站
        <div class="white-button first-button scroll-to-section"><a href="index3.html" id="ix97g3">前往最新发行版</a>
      </div>
      <div class="welcome-img">
        <img src="images/coming-soon.svg" class="img-fluid" />
      </div>
      <div class="description">
        <br />
        <br />
      </div>
      <div class="wechat-group">
      </div>
      <div class="description">Produced by XHX
      </div>
    </div>
  </div>
  <section data-block-type="contents" data-id="1" draggable="true" class="fdb-block">
    <div class="container">
      <div class="row" id="ippp6">
        <div class="col-12">
          <div class="row justify-content-center pb-5">
            <div class="col-12 col-lg-8 text-center">
              <h1 id="iycse">喜气洋洋小四班班级开发网站
              </h1>
              <img id="i2lu1" src="images/喜气洋洋小四班班徽.png" />
            </div>
            <section data-block-type="features" data-id="4" draggable="true" class="fdb-block">
              <div class="container">
                <div class="row justify-content-center">
                  <div class="col-12 text-center">
                    <h1 id="immsd">设计价值
                    </h1>
                  </div>
                </div>
                <div class="row text-center mt-5">
                  <div class="col-12 col-sm-4">
                    <img alt="image" src="images/img_round.svg" class="fdb-icon" />
                    <h3 id="irlk4">
                      <strong id="ic4zv">价值</strong>
                    </h3>
                    <p id="ixuh5">
                    </p>
                  </div>
                  <div id="izz9j">构建校园内班级的开源
                  </div>
                  <div class="col-12 col-sm-4 pt-4 pt-sm-0">
                    <img alt="image" src="images/img_round.svg" class="fdb-icon" />
                    <h3>
                      <strong>目的</strong>
                    </h3>
                    <p id="i2tnf">让更多人了解我们的班级
                    </p>
                  </div>
                  <div class="col-12 col-sm-4 pt-4 pt-sm-0">
                    <img alt="image" src="images/img_round.svg" class="fdb-icon" />
                    <h3>
                      <strong>栏目</strong>
                    </h3>
                    <p id="im121">现有：翟一航-获奖感言
                    </p>
                  </div>
                  <video width="100%" controls="controls">
                    <source src="video/获奖感言（网站版）.mp4" type="video/mp4">
                  </video>
                </div>
                <a href="https://gitee.com/Grade2024-Class4-Technical-Development" class="btn">了解更多</a>
                <div class="row mt-5">
                  <div class="col-12">
                    <img alt="image" src="images/img_very_wide.svg" class="img-fluid" />
                    <img alt="image" src="images/design2.png" class="img-fluid" />
                  </div>
                </div>
              </div>
            </section>
          </div>
        </div>
        <section data-block-type="contents" data-id="8" draggable="true" class="fdb-block">
          <div class="container">
            <div class="row text-left align-items-center">
              <div class="col-10 col-sm-6 m-auto m-lg-0 col-lg-4">
                <h1 id="i60j2">现有的产品
                </h1>
                <img alt="image" src="images/img_square_1.svg" class="img-fluid" />
              </div>
              <div class="col-12 col-lg-8 pt-4 pt-lg-0">
                <p class="text-h3">喜气洋洋小四班班刊官网
                </p>
                <a href="https://cqys-202404.gitee.io/home/" class="btn">了解更多</a>
                <div class="row mt-5">
                  <div class="col-12 col-sm-6">
                    <h3 id="icd5r">
                      <strong id="i6c7j">暂无</strong>
                    </h3>
                    <p class="text-h3">暂无
                    </p>
                  </div>
                  <div class="col-12 col-sm-6 pt-3 pt-sm-0">
                    <h3 id="inoozj">
                      <strong id="itybev">暂无</strong>
                    </h3>
                    <p class="text-h3">暂无
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-lg-8 pt-4 pt-lg-0">
                <p class="text-h3">翟一航-获奖感言
                </p>
                <div class="row mt-5">
                  <div class="col-12 col-sm-6">
                    <h3 id="icd5r">
                      <strong id="i6c7j">暂无</strong>
                    </h3>
                    <p class="text-h3">暂无
                    </p>
                  </div>
                  <div class="col-12 col-sm-6 pt-3 pt-sm-0">
                    <h3 id="inoozj">
                      <strong id="itybev">暂无</strong>
                    </h3>
                    <p class="text-h3">暂无
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section data-block-type="contents" data-id="6" draggable="true" class="fdb-block">
          <div class="container">
            <div class="row text-left align-items-center">
              <div class="col-12 col-md-6 col-lg-4">
              </div>
              <div class="col-12 col-md-6 col-lg-4 pt-4 pt-md-0">
              </div>
              <div class="col-12 col-md-8 m-auto m-lg-0 col-lg-4 pt-5 pt-lg-0">
              </div>
            </div>
          </div>
          <section data-block-type="contents" data-id="10" draggable="true" class="fdb-block pb-0 fp-active"
            id="idvdag">
            <div class="container">
              <div class="row text-left justify-content-end">
                <div class="col-12 col-md-6 col-xl-4">
                  <div class="fdb-box br-0">
                    <h2>
                      <strong id="igmwlo">暂无</strong>
                    </h2>
                    <p class="text-h3">暂无
                    </p>
                    <p class="text-h3 mt-4">
                      <a href="" id="i80iju">了解更多</a>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </section>
        </section>
      </div>
    </div>
    <img src="images/更新日志.png">
    <section data-block-type="contents" data-id="4" draggable="true" class="fdb-block pt-0 pb-0">
      <link rel="stylesheet"
        href="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/assets/css/page.min.css" />
      <footer data-block-type="footers" data-id="6" class="fdb-block footer-large fp-active">
        <div class="container">
          <div class="row align-items-top">
            <div class="col-12 col-sm-6 col-md-4 col-lg-3 text-sm-left">
              <h3>
                <strong id="icgcff">快速导航</strong>
              </h3>
              <nav class="nav flex-column">
                <a href="" class="nav-link active">首页</a>
                <a href="" class="nav-link">产品</a>
                <a href="https://gitee.com/Grade2024-Class4-Technical-Development" class="nav-link">团队</a>
                <a href="" class="nav-link">联系我们</a>
              </nav>
            </div>
            <div class="col-12 col-sm-6 col-md-4 col-lg-3 mt-5 mt-sm-0 text-sm-left">
              <nav class="nav flex-column">
                <a href="" class="nav-link">技术支持</a>
              </nav>
            </div>
            <div class="col-12 col-md-4 col-lg-3 text-md-left mt-5 mt-md-0">
              <h3>
                <strong id="ip870k">关于喜气洋洋小四班技术开发部</strong>
              </h3>
              <p id="igzqyj">专业的开发团队
              </p>
            </div>
            <div class="col-12 col-lg-2 ml-auto text-lg-left mt-4 mt-lg-0">
              <h3>
                <strong>关注我们</strong>
              </h3>
              <p class="text-h3">
                <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i aria-hidden="true"
                    class="fa fa-twitter">
                  </i></a>
                <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i aria-hidden="true"
                    class="fa fa-facebook">
                  </i></a>
                <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i aria-hidden="true"
                    class="fa fa-instagram">
                  </i></a>
                <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i aria-hidden="true"
                    class="fa fa-google">
                  </i></a>
              </p>
            </div>
          </div>
          <div class="row mt-3">
            <div class="col text-center">
            </div>
          </div>
        </div>
      </footer>
      <div class="container pt-5 pb-5">
        <div class="row">
          <div class="col-12 col-md-5 text-center">
            <h1 id="inmci">
            </h1>
            <p class="mt-4 mb-5">
            </p>
            <p class="media-icons">
              <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i aria-hidden="true"
                  class="fa fa-twitter">
                </i></a>
              <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i aria-hidden="true"
                  class="fa fa-facebook">
                </i></a>
              <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i aria-hidden="true"
                  class="fa fa-instagram">
                </i></a>
              <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i aria-hidden="true"
                  class="fa fa-pinterest">
                </i></a>
              <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i aria-hidden="true"
                  class="fa fa-google">
                </i></a>
            </p>
          </div>
        </div>
      </div>
    </section>
  </section>
</body>
<html>